<template>
	<view>
		<view class="address">
			<view class="address-img">
				<image
					src="cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/list/897f533534002dae2d012eaf500f515b.jpeg"></image>
			</view>
			<view class="address-list">
				<view
					class="address-text"
					@click="chooseCity()">
					<text class="words">{{ address }}</text>
					<image
						src="cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/tab/下拉箭头.png"
						mode="widthFix"></image>
				</view>
				<text class="words-eng">Welcome to ResumeX</text>
			</view>
			<!-- 阴影 -->
			<view class="back"></view>
		</view>
		<!-- 下面有一张图片 -->
		<view class="otherpic">
			<image
				src="cloud://liuwenjun-1g6675p9d28d14a3.6c69-liuwenjun-1g6675p9d28d14a3-1305215936/list/QQ截图20230408201802.png"></image>
			<view class="wheretext"><text>文君子有限公司提供支持</text></view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'add',
		props: {
			address: String
			// where:String
		},
		methods: {
			//选择城市
			chooseCity() {
				uni.navigateTo({
					url: '../city/city'
				})
			}
		}
		// 计算属性
	}
</script>

<style scoped>
	.address {
		position: relative;
		height: 400upx;
	}
	.address-img {
		width: 100%;
		height: 400upx;
	}
	.address-img image {
		width: 100% !important;
		height: 400upx;
	}
	.address-list {
		position: absolute;
		left: 50upx;
		top: 100upx;
		z-index: 9;
	}
	.address-text {
		display: flex;
		align-items: center;
	}
	.address-text image {
		width: 33upx;
		height: 33upx;
		padding-left: 30upx;
	}
	.words {
		font-size: 50upx;
		color: #ffffff;
		font-weight: bold;
	}
	.words-eng {
		font-size: 30upx;
		color: #ffffff;
	}
	.back {
		background: rgba(0, 51, 0, 0.3);
		position: absolute;
		top: 0;
		left: 0;
		height: 400upx;
		width: 100%;
	}
	.otherpic {
		position: relative;
		margin: 40upx 20upx;
		height: 150upx;
	}
	.otherpic image {
		width: 100%;
		border-radius: 20upx;
		height: 150upx;
	}
	.wheretext{
		position: absolute;
		left: 150upx;
		top: 30upx;
		z-index: 9;
	}
	.wheretext text {
		font-size: 40upx;
		color: #686868;
		font-weight: bold;
	}
</style>
